/* 先要去除HTML标签的默认样式
   * 代表全部
*/
*{
	margin: 0;/*外间距*/
	padding: 0;/*内间距*/
}/* . 代表class #代表ID 表示唯一性*/
.container{
	width: 100%;
	height: auto;
	min-width: 1519px;
}
.header{
	width: 100%;
	height: 75px;
	/*  # 代表颜色表示方式  red rgb(255,0,0)  #ff000 */
	background-color: #151618;
	/* 定位
	    相对定位
		绝对定位
		固定定位
		*/
	position: relative;
}
.header_nav{
	width: 80%;
	height: 75px;
	margin: 0 auto;
	/*0 auto 0 0 上右下左  */
}
/* 空格代表后代选择器
   > 代表子代选择器
   */
.header_nav>img{
	/* 浮动 把垂直排列的元素变成水平排列 */
	float: left;
	margin-top: 3px;
	height: 100%;
}
.header_nav>ul{
	width: 74%;
	height: 10px;
	/*  75 */
	float: left;
	list-style: none;
}
.header_nav>ul>li{
	width: 16%;
	float: left;
	/* 字体大小 */
	font-size: 18px;
	 margin-top: 17px;
}
a{
	/* 文本修饰 */
	text-decoration: none;
}
.header_nav>ul>li>a{
	color: #dbdbdb;
}
.header_nav>ul>li>a p{
	/* 文字水平居中 */
	text-align: center;
}
/* :nth-child(2) 表示选择几个标签 */
.header_nav>ul>li>a p:nth-child(2){
	font-size: 12px;
	color: #6e6f74;
}
/* :hover 表示鼠标悬停 */
.header_nav>ul>li:hover a,.header_nav>ul>li:hover a p:nth-child(2){
	color: #80110e;
}
.button{
	width: 12%;
	height:0px;
	/* 66 */
	float: right;
	margin-top: 5px;
}

/* 
	元素样式
	行内元素  在同一行设置宽高无效
	块级元素  独占一行 设置宽高有效
	行内块级元素  在同一行 可以设置宽高
 */
.button>a{
	font-size: 14px;
	display: block;
	/* 边框 */
	border: 1PX solid #ccc;
	text-align: center;
	margin-top: 5px;
	color: #DBDBDB;
}
.button>a:nth-child(2){
	background: url(../img/btn_service.jpg);
}
.button a:hover{
	color: aqua;
}